<template>
    <el-container style="height: 500px; border: 1px solid #eee">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
      <el-menu>
        <el-menu-item><RouterLink class="link-text" to="/linkCollection">收藏链接</RouterLink></el-menu-item>
        <el-menu-item><RouterLink class="link-text" to="/myArticles">我的文章</RouterLink></el-menu-item>
      </el-menu>
    </el-aside>
    
    <el-container>
        <router-view></router-view>
    </el-container>
    </el-container>
</template>
    
  
  <style>
    
    .el-aside {
      color: #333;
    }
  </style>
  
  <script>
import { RouterLink } from 'vue-router';

    export default {
    data() {
        const item = {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
        };
        return {
            tableData: Array(20).fill(item)
        };
    },
    components: { RouterLink }
};
  </script>

<style>
.link-text{
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-decoration-line: none;
    font-size: large;
  }

</style>